﻿@model VVA.Website.UI.Models.ProductDetailModel

@{
    ViewBag.Title = Model.TaxonomyName;
}
@section breadcrumb{
&nbsp;
}
@section header{
    <div class="span5">
        &nbsp;
    </div>
    <div class="span6">
        <h3>@Model.TaxonomyName</h3>
    </div>
    <div class="span5">        
        <ul class="nav" style="font-size: 10px; float: right">
            @for (int i = 0; i < ViewBag.TotalCount; i++)
            {
                <li>@Html.RouteLink(ViewContext.RouteData.Values["culture"].ToString() == "en-US" ? "Product-en" : "Product", new { page = i + 1 })</li>
            }
        </ul>
    </div>
}

<div class="row">
    <div class="span16">
        <ul class="nav">
            @foreach (var item in Model.Products)
            {
                <li>
                    <a href="@Url.RouteUrl("ReadProduct", new { slug = item.Slug })">
                        <h3 class="title">@item.ProductName</h3>
                    </a>
                    <div class="product-detail-image">
                        <a href="@item.ProductImage" class="fancy-box">
                            <img  src="@item.ProductImage" alt="@item.ProductName" />
                        </a>
                    </div>
                </li>
            }
        </ul>
    </div>
</div>
